<template>
  <div class="overview">
    <h2>{{books}}</h2>
  </div>
</template>

<script setup lang="ts">
import { reactive, ref, watchEffect } from 'vue';

const books = reactive([ref('Vue 3 Guide')])
// 这里需要 .value
// console.log(books[0].value)

const map = reactive(new Map([['count', ref(0)]]))
// 这里需要 .value
// console.log(map)

const obj = reactive(ref(1))
// console.log(obj.value);
const count = ref(1)

watchEffect(() => {
  console.log(count.value);
  
})
count.value++

</script>

<style scoped></style>
